<?php echo $this->render('/public/header'); ?>
    <script src="https://cdn.bootcss.com/element-ui/2.0.11/index.js"></script>
    <link href="https://cdn.bootcss.com/element-ui/2.0.11/theme-chalk/index.css" rel="stylesheet">
    <div class="col-lg-12" id="main">
        <el-row :gutter="20">
            <el-col :span="12">
                <el-card class="box-card">
                    <div slot="header" class="clearfix">
                        <span>本月收款排行榜</span>
                    </div>
                    <div v-for="(v,k) in list1" class="text item">
                        <template v-if="k<=4">
                            <template v-for="s in staff">
                                <template v-if="v.service_name==s.job_number">{{s.name}}</template>
                            </template>
                        </template>
                    </div>
                </el-card>
            </el-col>
            <el-col :span="12">
                <el-card class="box-card">
                    <div slot="header" class="clearfix">
                        <span>本月订单排行榜</span>
                    </div>
                    <div v-for="(v,k) in list2" class="text item">
                        <template v-if="k<=4">
                            <template v-for="s in staff">
                                <template v-if="v.saleman_num==s.job_number">{{s.name}}</template>
                            </template>
                        </template>
                    </div>
                </el-card>
            </el-col>
        </el-row>

    </div>
    <script>
        new Vue({
            el: "#main",
            data: {
                list1:<?php echo json_encode($list1);?>,
                list2:<?php echo json_encode($list2);?>,
                staff:<?php echo json_encode($staff);?>
            }
        })
    </script>
<?php echo $this->render('/public/footer'); ?>